<template>
    <div class="wrap">

        <div class="content">

            <router-view >

            </router-view>

        </div>


        <div class="nav">

            <router-link to="/">首页</router-link>
            <router-link to="/member">会员</router-link>
            <router-link to="/classify">分类</router-link>
            <router-link to="/shop">购物车</router-link>
            <router-link to="/my">我的</router-link>

        </div>

    </div>
</template>





<style type="text/css" lang="less">
@import './common/css/reset.css';

//底下的导航样式
.nav{
position: fixed;
bottom:0;
width: 100%;
display:flex;//使用flex布局
border-top:1px solid #ccc;
background:white;

    a{
        flex:1;//每个元素占一份
        display: block;
        text-align: center;
        line-height: 50px;
        color: black;

    }
}

.content{
    /*height: 667px;*/
    background: pink;
    padding-bottom: 50px;
    font-size: 30px;
}

</style>

